<template>
  <div>

    <div id="slider" class="mui-slider">
      <div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
        <div class="mui-scroll">
          <a class="mui-control-item mui-active" href="#item1mobile" data-wid="tab-top-subpage-1.html">
            推荐
          </a>
          <a class="mui-control-item" href="#item2mobile" data-wid="tab-top-subpage-2.html">
            热点
          </a>
          <a class="mui-control-item" href="#item3mobile" data-wid="tab-top-subpage-3.html">
            北京
          </a>
          <a class="mui-control-item" href="#item4mobile" data-wid="tab-top-subpage-4.html">
            社会
          </a>
          <a class="mui-control-item" href="#item5mobile" data-wid="tab-top-subpage-5.html">
            娱乐
          </a>
          <a class="mui-control-item" href="#item3mobile" data-wid="tab-top-subpage-3.html">
            北京
          </a>
          <a class="mui-control-item" href="#item4mobile" data-wid="tab-top-subpage-4.html">
            社会
          </a>
          <a class="mui-control-item" href="#item5mobile" data-wid="tab-top-subpage-5.html">
            娱乐
          </a>
        </div>
      </div>
    </div>
    <h3>图片分享组件</h3>
  </div>
</template>

<script>
// 未使用严格模式***难点
// import mui from '../../plugin/mui/js/mui.js'
// mui('.mui-scroll-wrapper').scroll({
//   deceleration: 0.0005 // flick 减速系数，系数越大，滚动速度越慢，滚动距离越小，默认值0.0006
// })
export default {
  name: 'Photolist',
  data () {
    return {

    }
  },
  props: [''], // 获取次参数的两种方式{{id}} ++{{$route.params.id}}
  created () {

  },
  methods: {

  },
  mounted () {
    // 第三方插件都放在这里初始化
    // mui('.mui-scroll-wrapper').scroll({
    //   deceleration: 0.0005 // flick 减速系数，系数越大，滚动速度越慢，滚动距离越小，默认值0.0006
    // })
  }

}
</script>

<style lang="scss" scoped>
.mui-slider {
  touch-action: pan-x;
}
</style>
